<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>


		body {
			padding: 0;
			margin: 0;
		}
	</style>
</head>
<body>
	<!-- 基本的文档结构 -->
	<div id="fullpage">
	    <div class="section">第一屏</div>
	    <div class="section">第二屏</div>
	    <div class="section">
	        <div class="slide">第三屏的第一屏</div>
	        <div class="slide">第三屏的第二屏</div>
	        <div class="slide">第三屏的第三屏</div>
	        <div class="slide">第三屏的第四屏</div>
	    </div>
	    <div class="section">第四屏</div>
	</div>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/jquery.fullPage.min.js"></script>
	<script>
		$(function(){
		    $('#fullpage').fullpage({
		    	// 设置背景色
		    	sectionsColor: ['#ccc', 'red', 'green'],
		    	sectionSelector: '.abc',
		    	// 
		    	afterLoad: function (anchorLink, index) {
		    		console.log(anchorLink, index)
		    	}
		    });

		    // $('.test').animate({
		    // 	with: 100px
		    // }, function () {});
		});
	</script>
</body>
</html>